@charset "utf-8";
/* CSS Document */
body {
	background: #f5f9fc;
	padding-top: 50px;
	font-family: "微软雅黑";
}
a:hover, a:focus {
	text-decoration: none;
}
a, input, button, select {
	outline: none!important;
}
ul li {
	list-style: none;
}
/**************头部*****************/
#nav_wrap .navbar {
	background: #f08200;
	border: none;
	margin: 0;
}
#nav_wrap .logo {
	padding: 5px 15px;
}
#nav_wrap .logo img{ height:40px;}
#nav_wrap .navbar-default .navbar-nav > li > a {
	color: #fff;
}
#nav_wrap .topmenu {
	margin-top: 8px;
	margin-right: 0;
}
#nav_wrap .topmenu .btn {
	background: none;
	border: none;
}
#nav_wrap .navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
#nav_wrap .topmenu .btn i {
	font-size: 18px;
}
#nav_wrap .topmenu i {
	top: 2px;
}
#nav_wrap .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background: none;
	color: #fff;
}
#nav_wrap .navbar-default .navbar-nav .btn-primary:active {
	box-shadow: none;
}
#nav_wrap .topmenu > li > a {
	line-height: 34px;
	padding: 0 8px;
}
#nav_wrap .navbar-toggle {
	margin-top: 8px;
}
 @media (max-width:767px) {
#nav_wrap .navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #fff;
}
}
#nav_wrap .navbar-default .navbar-toggle {
	border: none;
}
#nav_wrap .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background: none;
}

/*********************子导航************************/
@media (min-width: 768px) {
.sidebar {
	position: fixed;
	top: 50px;
	bottom: 0;
	left: 0;
	z-index: 1000;
	display: block;
	padding: 10px 20px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #fff;
	border-right: 1px solid #eee;
}
}
.nav-sidebar {
	margin-right: -21px;
	margin-bottom: 20px;
	margin-left: -20px;
}
.nav-sidebar > li > a {
	padding-right: 20px;
	padding-left: 20px;
}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
	color: #fff;
	background-color: #428bca;
}
.nav-sidebar li a i {
	margin-right: 10px;
	top: 2px;
}
.siderbar_wrap .nav-sidebar > .active > a, .siderbar_wrap .nav-sidebar > .active > a:hover, .siderbar_wrap .nav-sidebar > .active > a:focus {
	background-color: #fff5e9;
	border-left: 5px solid #ff8a00;
	color: #ff8a00;
}
.siderbar_wrap .nav-sidebar > li > a {
	padding: 10px;
	font-size: 16px;
	color: #333;
	border-left: 5px solid #fff;
}
.siderbar_wrap .nav-sidebar > li > a:hover, .siderbar_wrap .nav-sidebar > li > a:focus {
	background-color: #ffe6c9;
	border-left: 5px solid #ffe6c9;
}
.select_box .form-group>i {
	position: absolute;
	right: 20px;
	top: 10px;
	color: #666;
	font-size: 16px;
}
.main {
	padding: 20px 40px;
}
/*********************列表页************************/
/*面包屑*/

.breadcrumb_wrap .breadcrumb > li + li::before {
	content: none;
}
.breadcrumb_wrap .breadcrumb {
	background: none;
	border-radius: 4px;
	padding: 0;
}
.breadcrumb_wrap .breadcrumb li a, .breadcrumb_wrap .breadcrumb li {
	color: #666;
}
.breadcrumb_wrap .breadcrumb li a:hover {
	color: #ff910f;
}
/*********************搜索框************************/
.select_box {
	background: #fff;
	padding: 20px 20px 0 20px;
	border: 1px solid #efefef;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 0 2px #efefef;
	margin-bottom: 20px
}
.select_box .form-horizontal .form-group {
	margin: 0;
	float: left;
	position: relative;
	padding: 0 10px 20px 100px;
	text-align: left;
}
.select_box .form-horizontal .control-label {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
	width: 100px;
	position: absolute;
	left: 0;
	font-weight:bold;
}
.select_box .form-horizontal .radio-inline {
	padding-bottom: 7px;
}
.select_box .form-horizontal .checkbox-inline {
	padding-top: 5px;
	padding-bottom: 9px;
}
.button_box {
	padding: 0;
	text-align: left;
}
.button_box button, .button_box button:active:focus, .button_box button:focus {
	font-size: 14px;
	margin: 0;
	border: none;
	padding: 7px 20px;
	background: #fa9621;
}
.button_box button:hover {
	background: #ffa236;
}
.button_box button i {
	margin-right: 10px;
	top: 2px;
}
/***********************列表**************************************/
.table_btn_box {
	margin-bottom: 20px;
}
.button_box button.btn_add, .button_box button.btn_add:active:focus, .button_box button.btn_add:focus {
	background: #40c778;
	margin-right: 10px;
}
.button_box button.btn_add:hover {
	background: #45d982;
}
.button_box button.btn_del, .button_box button.btn_del:active:focus, .button_box button.btn_del:focus {
	background: #e96363;
}
.button_box button.btn_del:hover {
	background: #fc6b6b;
}
.con_list {
	border: 1px solid #ddd;
	box-shadow: 0 0 2px #efefef;
}
.con_list .table {
	margin-bottom: 0;
}
.con_list thead {
	background: #f1f1f1;
	color: #333;
}
.con_list .table > thead > tr > th {
	border-bottom: none;
}
.con_list .table > tbody > tr > td, .table > tbody > tr > th, .con_list .table > tfoot > tr > td, .table > tfoot > tr > th, .con_list .table > thead > tr > td, .table > thead > tr > th {
	padding: 8px;
	text-align: center;
	line-height: 36px;
	border-top: 1px solid #efefef;
}
.con_list .table > tbody > tr > td p {
	width: 500px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 auto;
}
.con_list .table > tbody > tr > td .state {
	background: #40c778;
	padding: 5px 8px;
	border-radius: 2px;
	color: #fff;
}
.con_list .table > tbody > tr > td .state.down {
	background: #888;
}
.con_list .table > tbody > tr > td .state.fail {
	background: #e43e61;
}
.con_list .table-striped > tbody > tr {
	background: #fff;
}
.con_list .ops .btn-primary {
	margin: 0 2px;
	margin-top: -4px;
}
.con_list .ops .btn-primary {
	padding: 5px 15px;
	border-radius: 100px;
	border: none;
	top: 0;
	border: 1px solid #1db1d9;
	background: none;
	color: #1db1d9;
}
.con_list .ops .btn-primary:hover {
	background: #1db1d9;
	color: #fff;
}
.con_list .ops .btn-primary.editor {
	border: 1px solid #40c778;
	color: #40c778;
}
.con_list .ops .btn-primary.editor:hover {
	background: #40c778;
	color: #fff;
}
.con_list .ops .btn-primary.del {
	border: 1px solid #e96363;
	color: #e96363;
}
.con_list .ops .btn-primary.del:hover {
	background: #e96363;
	color: #fff;
}
.con_list .ops .btn-primary.examine {
	border: 1px solid #fa9621;
	color: #fa9621;
}
.con_list .ops .btn-primary.examine:hover {
	background: #fa9621;
	color: #fff;
}
/*页码*/
.page_wrap {
	text-align: center;
}
.page_wrap .pagination {
	margin-bottom: 70px;
}
.page_wrap .pagination > li > a {
	background: none;
	border: none;
	color: #333;
	border-radius: 0px;
	line-height: 20px;
}
.pagination > li > a>span {
	display: block;
	margin-top: -2px;
	padding-bottom: 2px;
}
.page_wrap .pagination > li.active > a, .pagination > li.active > span {
	background: #ff8a00;
	color: #fff;
}
.page_wrap .pagination > li > a:hover, .page_wrap .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
	background: #ffb660;
}
.page_wrap .pagination > li.active > a:hover, .page_wrap .pagination > li.active> a:focus, .pagination > li.active > span:hover, .pagination > li.active > span:focus {
	background: #ff8a00;
	color: #fff;
}
/***********************新增**************************************/
.main .title {
	background: #fff;
	border: 1px solid #eee;
	padding: 0 20px;
}
.main .title h3 {
	border-left: 4px solid #ff8a00;
	padding-left: 10px;
	font-size: 18px;
	margin: 15px 0;
	color: #ff8a00;
}
.editor_btn_box {
	text-align: center;
}
.editor_btn_box button, .editor_btn_box button:active:focus, .editor_btn_box button:focus {
	margin: 10px;
}
.editor_btn_box button.back, .editor_btn_box button.back:active:focus, .editor_btn_box.back button:focus {
	background: #888;
}
.editor_btn_box button.back:hover {
	background: #999;
}
/***********************产品管理**************************************/
.pro_nav_tabs {
	background: none;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.pro_nav_tabs li {
	margin-bottom: 0;
}
.pro_nav_tabs li a {
	border: none;
	color: #333;
	line-height: 25px;
	font-size: 16px;
	padding: 8px 20px;
	background: #fff;
	margin-right: 30px;
}
.pro_nav_tabs li a:hover {
	background: #eee;
}
.pro_nav_tabs li.active a {
	background: #ff910f;
	border: none;
	color: #fff;
}
.pro_nav_tabs li.active a:hover {
	background: #ff910f;
	border: none;
	color: #fff;
}
.select_box .form-horizontal input[type="file"] {
	padding: 4px 0 5px 0;
}
.select_box.pic_box .form-horizontal .form-group {
	padding: 30px 100px 10px;
	border-bottom: 1px solid #ccc;
}
.pic_box.select_box .form-horizontal .button_box {
	position: absolute;
	right: 0;
	top: 30px;
}
.pic_box {
	padding-top: 0;
}
/*上传图片*/
.upload-ul {
	position: relative;
	display: inline-block;
 *display: inline;
 *zoom:1;
	max-width: 100%;
	padding: 0;
}
.upload-ul li {
	position: relative;
	float: left;
	display: inline-block;
	width: 350px;
	height:350px;
	margin: 0 10px 10px 0;
	padding: 0;
	border: none;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
}
.upload-pick {
	background: url(../images/upload-bj.png) no-repeat 0 0;
}
.upload-pick:hover {
	background: url(../images/upload-bj.png) no-repeat 0 -90px;
}
.webuploader-pick {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
}
.webuploader-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.webuploader-container label {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.webuploader-element-invisible {
	opacity: 0;
	width: 100%;
	height: 100%;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
}
.viewThumb {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
 border-radius: .3rem;
	border: 1px solid #ccc;
}
.viewThumb img {
	width: 100%;
	height: 100%
}
.diyBar {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 3;
}
.diyProgress {
	position: absolute;
	left: 0;
	top: 33px;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	color: #FFF;
	background: rgba(10,168,241,.7);
	z-index: 3;
}
.diyControl {
	position: absolute;
	display: none;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	background: rgba(0,0,0,0.5);
	z-index: 3;
	text-align: center;
	margin: 0;
}
.viewThumb:hover .diyControl {
	display: block;
}
.diyControl span {
	display: inline-block;
	width: 12px;
	height: 11px;
	margin: 0 10px;
}
.diyControl span i {
	display: block;
	width: 12px;
	height: 11px;
	opacity: .7;
}
.diyControl span i:hover {
	opacity: 1;
	cursor: pointer;
}
.diyLeft i {
	background: url(../images/upload-icon1.png) no-repeat 0 0;
}
.diyCancel i {
	background: url(../images/upload-icon1.png) no-repeat 0 -11px;
}
.diyRight i {
	background: url(../images/upload-icon1.png) no-repeat 0 -22px;
}
.goods-edit .upload-tip {
	font: 12px/23px "Microsoft YaHei";
	color: #a3a3a3;
	vertical-align: top;
}
/*评论*/
.comment_list {
	max-height: 400px;
}
.comment_add {
	position: relative;
	padding-top: 15px;
	margin: 20px 0;
	overflow: hidden;
}
.comment_add .form-horizontal {
	border: 1px solid #ccc;
	overflow: hidden;
	padding-top: 35px;
}
.comment_add .s_title {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	background: #ff8a00;
	position: absolute;
	left: 20px;
	top: 0px;
	padding: 0 20px;
	color: #fff;
	border-radius: 4px;
}
/*审核*/
.select_box .form-horizontal .form-group>p, .select_box .form-horizontal .form-group>a,  .select_box .form-horizontal .form-group .weight p{
	margin-bottom: 0;
	padding-top: 5px;
	color: #666;
	display: block;
	height: 25px;
}
/*弹窗*/
.popup_box {/* width:450px; background:#fff; margin:0 auto; */
	overflow: hidden;
}
.popup_box .form-group, .popup_box h3 {
	text-align: center;
}
.popup_box h3 {
	font-size: 18px;
	margin: 20px 0;
}
.popup_box .form-group .control-label {
	margin: 0;
	padding-left: 0;
}
/*角色新增*/

.multiselect-container {
	z-index: 9999;
	max-height: 350px;
	overflow-y: auto;
}
/*统计分析*/
.analysis_box {
	margin-top: 20px;
	border: 1px solid #ddd;
	box-shadow: 0 0 2px #efefef;
	overflow: hidden;
	background:#fff;
}
.analysis_box .col-md-6{ height:500px; }


/*********************登陆************************/
#exam_web.login {
	background:#f08200;
	height:100%;
}
#exam_web.login .copyright {
	position: fixed;
	bottom: 0px;
}
#exam_web .login_box {
	margin-bottom: 0;
	height: auto;
}
#exam_web .login_box h2 {
	font-size: 24px;
	text-align: center;
	margin-top: 0px;
}
#exam_web .login_box h2 span {
	font-size: 20px;
	color: #666;
	margin-top: 5px;
}
.form-signin {
	max-width: 400px;
	padding: 40px;
	margin: 0 auto;
	border-radius: 25px;
	border: 1px solid #ccc;
	background: rgba(255,255,255,0.5);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
}

.form-signin .input {
	position: relative;
}
.form-signin i {
	position: absolute;
	top: 37px;
	left: 10px;
	color: #999;
}
.form-signin .input input {
	padding-left: 40px;
	height: 46px;
	padding: 10px 40px;
}
.form-signin .btn-primary {
	background: #20c3ef;
	border: none;
	margin-top: 30px;
}
@media (max-width: 767px) {
#exam_web .login_box {
	padding-top: 35%;
}
.form-signin {
	border-radius: 0px;
	box-shadow: none;
}
}
#exam_web .copyright {
	background: #212121;
	line-height: 20px;
	padding: 15px 0 5px 0;
	text-align: center;
	z-index: 9999;
	position: relative;
	bottom: 0px;
	width: 100%;
}
#exam_web .copyright p {
	font-size: 12px;
	color: #999;
}
#exam_web .copyright p a {
	color: #999;
}
#exam_web .copyright p a:hover {
	color: #01d09c;
}


/**************图片上传*****************/
.select_box.pic_box .form-horizontal .form-group .kv-main {
	padding:0;
}
.select_box.pic_box .form-horizontal .form-group { padding-right:20px;}


/**************图片展示*****************/
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.8.2
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0,0,0,.8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}
#baguetteBox-overlay.visible {
	opacity: 1
}
#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center
}
#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%
}
#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.6);
	box-shadow: 0 0 8px rgba(0,0,0,.6)
}
#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	white-space: normal;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0,0,0,.6);
	font-family: sans-serif
}
#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}
#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, transform .4s ease;
	transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}
#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out
}
#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out
}
@-webkit-keyframes bounceFromRight {
0%, 100% {
margin-left:0
}
50% {
margin-left:-30px
}
}
@keyframes bounceFromRight {
0%, 100% {
margin-left:0
}
50% {
margin-left:-30px
}
}
@-webkit-keyframes bounceFromLeft {
0%, 100% {
margin-left:0
}
50% {
margin-left:30px
}
}
@keyframes bounceFromLeft {
0%, 100% {
margin-left:0
}
50% {
margin-left:30px
}
}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px
}
.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50,50,50,.5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
	background-color: rgba(50,50,50,.9)
}
.baguetteBox-button#next-button {
	right: 2%
}
.baguetteBox-button#previous-button {
	left: 2%
}
.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px
}
.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0
}
.baguetteBox-spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px
}
.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}
.baguetteBox-double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1)
}
}
/**************轮播图*****************/

.carousel-inner > .item >img{ margin:0 auto; max-height:600px; width:auto; }
.carousel-control.left,.carousel-control.right{ background:none;}
.slide{ border:1px solid #ccc; padding:20px; background:#f1f1f1;}
.carousel-indicators .active{ background:#f08200 ;}
.carousel-indicators li{ background:#fff; border:1px solid #f08200;}

/**************关闭按钮*****************/


.diyUploadHover .close{ position:absolute; top:5px; right:5px; color:#F00;}


/**************规格*****************/

.weight{margin-bottom:20px; overflow:hidden;}
.weight>.col-sm-3:first-child{padding-left:0 }
.weight>.col-sm-1{text-align:center; line-height:34px; }
.weight>.col-sm-2 .control-label{ width:auto; right:0; }
.weight_del p{ float:left; margin-right:20px;}


/**************三级分类*****************/
.tyle_list .table .sub_type{background:#f9f9f9; padding:0px;}
.tyle_list .table .sub_type.third{background:#f8feff;}
.tyle_list .table .sub_type.second .table>thead{ background:#9be9ff;}
.tyle_list .table .sub_type.second .table>tbody>tr{ background:#def8ff;}
.tyle_list .table .sub_type.third .table>thead{ background:#ffddb5;}
.tyle_list .table .sub_type.third .table>tbody>tr{ background:#fff5e9;}
.tyle_list .table .sub_type.forth .table>thead{ background:#effff6;}
.tyle_list .table .sub_type.forth .table>tbody>tr{ background:#effff6;}
.tyle_list .table  td{ width:25%;}
.tyle_list .table .sub_type.second>.table>tbody>tr> td:first-child{ padding-left:6%;}
.tyle_list .table .sub_type.third,.tyle_list .table .sub_type.forth{ padding:0 !important;}
.tyle_list .table .sub_type.third>.table>tbody>tr>td:first-child{ padding-left:12%;}
.tyle_list .table .sub_type.forth>.table>tbody>tr>td:first-child{ padding-left:20%;}
